<ul>
	<li class="insta">
		<a href="#"><span>Insta</span></a>
		<ul class="sub_menu" style="display: none;">
			<li><a href="/insta/presentation">Pr&eacute;sentation</a></li>
			<li><a href="/insta/historique">Historique</a></li>
			<li><a href="/insta/motdirecteur">Mot du directeur</a></li>
			<li><a href="#/insta/pourquoi">Pouquoi Insta</a></li>
		</ul>
	</li>
	<li class="cursus">
		<a href="#"><span>Cursus</span></a>
		<ul class="sub_menu" style="display: none;">
			<li><a href="/cursus/formation">Formation</a></li>
			<li><a href="/cursus/pedagogie">P&eacute;dagogie</a></li>
			<li><a href="/cursus/installation">Installations</a></li>
		</ul>
	</li>
	<li class="espace-entreprise">
		<a href="#"><span>Espace Entreprise</span></a>
		<ul class="sub_menu" style="display: none;">
			<li><a href="/espaceentreprise/taxe">Taxe d'apprentissage</a></li>
			<li><a href="/espaceentreprise/partenaire">Devenir partenaire</a></li>
		</ul>
	</li>
	<li class="postuler"><a href="/postuler"><span>Postuler</span></a></li>
	<li class="les-anciens"><a href="/ancien"><span>Les anciens</span></a></li>
	<li class="contact"><a href="/contact"><span>Contact</span></a></li>
</ul>

<div class="clearfix"></div>

 <script>
  $(function(){
      $('#navigation>ul>li').hover(
          function(){$(this).find('.sub_menu').show()}, 
          function(){$(this).find('.sub_menu').hide()}
      );
      
       $('#navigation>ul>li>ul>li').hover(
          function(){$(this).find('ul').show()}, 
          function(){$(this).find('ul').hide()}
      );

    });
</script>
